<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<div class="login">
    		
    		<jsp:include page="nav.jsp"></jsp:include>
    		
    		<fmt:bundle basename="i18n">
    		<div class="banner"><img src="images/banner.png"  alt=""></div>
    		<div class="con">
    			<div class="breed-tab"><fmt:message key="register.position"></fmt:message></div>
	    		<div class="content-register">
	    			<div class="form">
	    				<div class="form-close"><a href="#"><img src="images/back.png"></a></div>
	    				<div class="form-con">
	    					<div>
	    						<ul>
	    							<li><span><em>*</em><fmt:message key="register.account"></fmt:message></span><input type="" name="" placeholder=""></li>
	    							<li><span>&nbsp;</span><i><fmt:message key="register.case1"></fmt:message></i></li>
	    							<li><span><em>*</em><fmt:message key="register.password"></fmt:message> </span><input type="" name="" placeholder=""></li>
	    							<li><span>&nbsp;</span><i><fmt:message key="register.case2"></fmt:message></i></li>
	    							<li><span><em>*</em><fmt:message key="register.confirmPassword"></fmt:message></span><input type="" name="" placeholder=""></li>
	    							<li><span>&nbsp;</span><i><fmt:message key="register.case2"></fmt:message></i></li>
	    							<li class="checkbox"><span>&nbsp;</span><input type="checkbox" name="" ><i><fmt:message key="register.agree"></fmt:message>“<font class="server-rule"><fmt:message key="register.clause"></fmt:message></font>”</i></li>
	    						</ul>
	    					</div>
	    					<div class="content-register-btn"><a href="#"><fmt:message key="register.finishRegister"></fmt:message> </a></div>
	    				</div>
	    			</div>
	    		</div>
    		</div>
			<div class="content-register1">
                <div class="mask"></div>
                <div class="form">
                    <div class="form-close"><a href="#"><img src="images/close.png"></a></div>
                    <div class="form-con">
                        <div>
                            <div class="title"><fmt:message key="register.serviceAgreement"></fmt:message></div>
                            <p class="textarea">
                                1、<br/>
                                2、<br/>
                                3、<br/>
                                4、<br/>
                                5、<br/>
                                6、<br/>
                                7、<br/>
                                8、<br/>
                                9、<br/>
                                10、<br/>
                                12、<br/>
                                13、<br/>
                                14、<br/>
                                15、<br/>
                                16、<br/>
                                17、<br/>
                                18、<br/>
                                19、<br/>
                                20、<br/>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            </fmt:bundle>
    	</div>
</body>
 <script type="text/javascript">
        $(function(){
            $(".server-rule").click(function(){
                $(".content-register1").show();
            })
            $(".mask").click(function(){
                $(".content-register1").hide();
            })
            $(".form-close").click(function(){
                $(".content-register1").hide();
            })
        })
    </script>
</html>